import React, { Component, PureComponent } from "react";
import Image from "next/image";
import PropTypes from "prop-types";
import "./index.less";

export default class Header extends PureComponent {
  render() {
    const { rightClick } = this.props;
    return (
      <div className="b-header flex-row item-center jus-between">
        <div className="b-header-left">
          <div className="logo"></div>
        </div>
        <div className="b-header-right">
          <Image
            src="/icon/header-right.png"
            alt="Picture of the author"
            width={18}
            height={18}
            onClick={rightClick}
          />
        </div>
      </div>
    );
  }
}
Header.propTypes = {
  rightClick: PropTypes.func,
};
